{% extends "base.html" %}

{% block title %}OnlineList - A web clone of the OfflineList{% endblock %}
{% block stylesheet %}/media/css/onlinelist.css{% endblock %}
{% block script %}/media/js/onlinelist.js{% endblock %}

{% block bodyclass %}dashboard{% endblock %}
{% block coltype %}colMS{% endblock %}



<!-- Header -->
{% block branding %}
<h1 id="site-name">OnlineList</h1>
<div id="user-tools"><a href="/admin/">meta</a></div>
{% endblock %}

{% block nav-global %}
<div id="nav-global">Welcome to OnlineList!  I'm a web clone of the OfflineList.</div>
{% endblock %}



<!-- Content -->
{% block pretitle %}
<div id="pretitle">
    {% if msg %}{{ msg }}{% endif %}
</div>
{% endblock %}

{% block content %}
<div id="content-main">
    <div class="module">
    {% if ndsgame_list %}
        <ul>
        {% for ndsgame in ndsgame_list %}
            <li>
                <a href="#" onclick="toggle_details('{{ ndsgame.id }}')">{{ ndsgame.title }}</a><br>
                <div id="ndsgame{{ ndsgame.id }}"></div>
            </li>
        {% endfor %}
        </ul>
    {% else %}
        <p>No messages are available.</p>
    {% endif %}
    </div>
</div>
{% endblock %}



<!-- Sidebar -->
{% block sidebar %}
<div id="content-related">
    <div class="module" id="recent-actions-module">
        <h2>Recent Actions</h2>
        <h3>My Actions</h3>
        <ul class="actionlist">
            <li class="addlink">updated this page</li>
        </ul>
    </div>
    <br class="clear" />
    <div class="module" id="recent-actions-module1">
        <h2>Recent Actions1</h2>
        <h3>My Actions1</h3>
        <ul class="actionlist">
            <li class="changelink">updated this page1</li>
        </ul>
    </div>
    <div class="module" id="google-friend-connect-members">
        <h2>Google Friend Connect</h2>
        <!-- Include the Google Friend Connect javascript library. -->
        <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
        <!-- Define the div tag where the gadget will be inserted. -->
        <div id="div-1235633752121" style="width:218px;border:0px solid #cccccc;"></div>
        <!-- Render the gadget into a div. -->
        <script type="text/javascript">
        var skin = {};
        skin['HEIGHT'] = '240';
        skin['BORDER_COLOR'] = '#cccccc';
        skin['ENDCAP_BG_COLOR'] = '#e0ecff';
        skin['ENDCAP_TEXT_COLOR'] = '#333333';
        skin['ENDCAP_LINK_COLOR'] = '#0000cc';
        skin['ALTERNATE_BG_COLOR'] = '#ffffff';
        skin['CONTENT_BG_COLOR'] = '#ffffff';
        skin['CONTENT_LINK_COLOR'] = '#0000cc';
        skin['CONTENT_TEXT_COLOR'] = '#333333';
        skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
        skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
        skin['CONTENT_HEADLINE_COLOR'] = '#333333';
        google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
        google.friendconnect.container.renderMembersGadget( { id: 'div-1235633752121', site: '05021814049465283015' }, skin);
        </script>
    </div>
    <div class="module" id="google-friend-connect-wall">
        <!-- Include the Google Friend Connect javascript library. -->
        <script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
        <!-- Define the div tag where the gadget will be inserted. -->
        <div id="div-1235635946047" style="width:218px;border:0px solid #cccccc;"></div>
        <!-- Render the gadget into a div. -->
        <script type="text/javascript">
        var skin = {};
        skin['BORDER_COLOR'] = '#cccccc';
        skin['ENDCAP_BG_COLOR'] = '#e0ecff';
        skin['ENDCAP_TEXT_COLOR'] = '#333333';
        skin['ENDCAP_LINK_COLOR'] = '#0000cc';
        skin['ALTERNATE_BG_COLOR'] = '#ffffff';
        skin['CONTENT_BG_COLOR'] = '#ffffff';
        skin['CONTENT_LINK_COLOR'] = '#0000cc';
        skin['CONTENT_TEXT_COLOR'] = '#333333';
        skin['CONTENT_SECONDARY_LINK_COLOR'] = '#7777cc';
        skin['CONTENT_SECONDARY_TEXT_COLOR'] = '#666666';
        skin['CONTENT_HEADLINE_COLOR'] = '#333333';
        skin['DEFAULT_COMMENT_TEXT'] = '- add your comment here -';
        skin['HEADER_TEXT'] = 'Comments';
        skin['POSTS_PER_PAGE'] = '10';
        google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
        google.friendconnect.container.renderWallGadget(
         { id: 'div-1235635946047',
           site: '05021814049465283015',
           'view-params':{"disableMinMax":"true","scope":"SITE","features":"video,comment","startMaximized":"true"}
         },
          skin);
        </script>
    </div>
</div>
{% endblock %}



<!-- Footer -->
{% block footer %}
<div id="footer">&copy; 2009 jBOBOS.org</div>
{% endblock %}
